import 'package:flutter/material.dart';

void main() {
  // 1. 运行应用程序。
  runApp(const MaterialApp(home: Main()));
}

class Main extends StatelessWidget {
  const Main({super.key});

  @override
  Widget build(BuildContext context) {
    return Center(
      child: Container(
        // Container 如果没设置宽高，默认占满父容器
        // 背景色
        // color: Colors.black38,
        // 设置宽高
        width: 200,
        height: 200,
        // ----- padding 内边距 -----
        // - all 四个方向
        padding: const EdgeInsets.all(30),
        // - fromLTRB 左上右下
        // padding: const EdgeInsets.fromLTRB(10, 20, 30, 40),
        // - only 按需设置
        // padding: const EdgeInsets.only(left: 20, right: 20),
        // - symmetric 横向和纵向
        // padding: const EdgeInsets.symmetric(vertical: 30, horizontal: 20),
        // ----- padding 内边距 -----
        decoration: BoxDecoration(
            color: Colors.blueAccent,
            border: Border.all(color: Colors.black, width: 10),
            // borderRadius: const BorderRadius.all(Radius.circular(20)),
            borderRadius: BorderRadius.circular(20)
            //
            ),
        child: Container(
          color: Colors.amber,
          // ----- margin 外边距 -----
          margin: const EdgeInsets.only(top: 20),
          // margin: const EdgeInsets.all(20),
          // ----- margin 外边距 -----
        ),
      ),
    );
  }
}
